Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs: Add a color mode switcher + a sticky header on all pages #421

Merged
merged 6 commits into from
Dec 13, 2024

Conversation

louismaximepiton
Copy link
Member

@louismaximepiton louismaximepiton commented Dec 5, 2024

Note: Please transform - [ ] into - (NA) in the description when things are not applicable

Related issues

NA

Description

Added:

  • Color mode switcher javascript from Boosted
  • Stick the header to the top
  • Add the color mode switcher in the header
  • Tweak a bit the CSS

Motivation & Context

Easier to test dark mode handling in the documentation using this way.

Types of change

  • New feature (non-breaking change which adds functionality)

Test checklist

Please check that the following tests projects are still working:

  • docs/examples
  • test/angular-ngx-echarts
  • test/angular-echarts
  • test/html
  • test/react
  • test/vue
  • test/examples/bar-line-chart
  • test/examples/single-line-chart
  • test/examples/timeseries-chart

@louismaximepiton louismaximepiton added documentation Improvements or additions to documentation enhancement New feature or request labels Dec 5, 2024
Copy link

netlify bot commented Dec 5, 2024

Deploy Preview for ods-charts ready!

Name Link
🔨 Latest commit 2a1d4a3
🔍 Latest deploy log https://app.netlify.com/sites/ods-charts/deploys/675bfb42727df00008d0a963
😎 Deploy Preview https://deploy-preview-421--ods-charts.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Member

@jacques-lebourgeois jacques-lebourgeois left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if it suits you, I added a commit to keep use case example in light mode.

The rest is fine with me too.

@louismaximepiton
Copy link
Member Author

Looks good, thanks!

docs/examples/index.js Outdated Show resolved Hide resolved
docs/assets/style.css Show resolved Hide resolved
docs/assets/style.css Show resolved Hide resolved
docs/assets/style.css Show resolved Hide resolved
Copy link
Member

@jacques-lebourgeois jacques-lebourgeois left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I notice that when switching of mode, it scrolls to the top!
scroll_to_top

@louismaximepiton
Copy link
Member Author

louismaximepiton commented Dec 13, 2024

I notice that when switching of mode, it scrolls to the top!

Yeah it's related to Orange-OpenSource/Orange-Boosted-Bootstrap#1240. If you're fine we can merge as-is and postpone the factorization of the documentation ?

@louismaximepiton louismaximepiton merged commit 7d690af into main Dec 13, 2024
5 checks passed
@louismaximepiton louismaximepiton deleted the main-lmp-handle-dark-mode-docs branch December 13, 2024 10:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants